import React, { Component, Fragment } from 'react'
import { HomeRightUlLi } from '../style'
import { connect } from "react-redux";
import {Link} from 'react-router-dom'
class HomeCompont extends Component {
    render() {
        return (
            <Fragment>
                <ul className="HomeCompontUl">
                    {
                        this.props.homeRightUlli.map((i, index) => {
                            return (<HomeRightUlLi key={index} imgUrl={i.img}></HomeRightUlLi>
                            )
                        })
                    }
                </ul>
                <div className="qrBox">
                    <img alt="" src="https://cdn2.jianshu.io/assets/web/download-index-side-qrcode-cb13fc9106a478795f8d10f9f632fccf.png" />
                    <div className="p">
                        <span>下载简书手机App</span>
                        <p>随时随地发现和创作内容</p>
                    </div>
                </div>
                
            </Fragment>)
    }
}
const mapStateToProps = (state, ownProps) => {
    console.log(2223, state.get("home").get("homeRightUlli").toJS())
    return {
        homeRightUlli: state.get("home").get("homeRightUlli").toJS()
    }
}


export default connect(mapStateToProps, null)(HomeCompont) 